<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>寻ta千百度</title>
		<link rel="stylesheet" href="/css/bootstrap.min.css" />
		<link type="text/css" rel="stylesheet" href="/css/constant.css"/>
	</head>
	<body>
		<div id="head">
			<div id="head_in" style="width:960px; height:100%;margin: 0 auto;text-align: left">
				<span id="station">北京东路</span>
				<span style="float: right">
				<#if user??>
					用户：${user.username}【<a href="/logout">退出</a>】
					<a href="/myRelease" >我的发布</a>
				<#else>
					<a href="/login">登录/注册</a>
				</#if>
				</span>
			</div>
		</div>
		<div id="constant">
			<img src="img/logoko.png" class="first_img" style="width: 260px; height: 210px;"/><img src="img/bg.png" style="height: 210px; width: 700px; text-align: right; margin-top: -2px;"/>
			<div id="navigation">
				<table cellpadding="0" cellspacing="0">
					<tr>
						<th><a href="/index">网站首页</a></th>
						<th><a href="/findMessage?type=0">寻物启事</a></th>
						<th><a href="/findMessage?type=1">寻宠启事</a></th>
						<th><a href="/findMessage?type=2">寻人启事</a></th>
						<th><a href="/findMessage?type=3">招领启事</a></th>
						<th><a href="/about">关于我们</a></th>
					</tr>
				</table>
			</div>
			<div id="search-box">
				<div>
					<form action="/search" method="get">
						<table cellpadding="0" cellspacing="0">
							<tr style="float: left;border: 1px gainsboro solid;">
								<td style="width: 26px;height: 26px;"><img src="img/放大镜.png" style="width: 26px; height: 26px;"/></td>
								<td style="width: 400px;"><input name="key" type="text" style="height: 26px; width: 400px; border: none; display: inline-block;outline: none;" placeholder="物品搜索"/></td>
								<td style="width: 60px; border: 1px white solid;"><input type="submit" value="搜索" style="background-color: #4d8bbc; height: 26px; width: 60px; border: none;color: black;"></td>
							</tr>
							<tr style="float: right;line-height: 26px;">
								<td>热门搜索：</td>
								<#list sortList as sort>
									<td><a href="/search?key=${sort}">${sort}</a> </td>
								</#list>
							</tr>
						</table>
					</form>
				</div>
			</div>
		</div>

	</body>
</html>
